<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <button v-for='(item,index) in key' @click='curr=index'>{{item.title}}</button>
        <div v-for='(item,index) in key' v-show="curr==index">{{item.content}}</div>
    </div>
    <div>
        <span>12</span>
        <div style="display: inline-block;">123132132</div>
        <div>哇塞的</div>
        
    </div>
</body>
<script src="./vue.js"></script>
<script>
    const vm=new Vue({
        el:'#app',
        data:{
            key:[
                {
                    title:'btn1',
                    content:'内容1'
                },
                {
                    title:'btn2',
                    content:'内容2'
                },
                {
                    title:'btn3',
                    content:'内容3'
                },
                {
                    title:'btn4',
                    content:'内容4'
                }
            ],
            curr:0

        }
    })
</script>
</html>